<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--
行内元素：
不换行，在同一行显示,宽是根据内容自动去设置的,不能设置宽
a、input、span

块级元素：
另外起一行显示，宽就是窗口的宽，可以设置宽
p、div、h1~h6

-->

<div style="background-color: #8bc34a;width: 200px">第一个div元素</div>
<div style="background-color: aqua;width: 200px">第二个div元素</div>
<span style="background-color: antiquewhite;width: 200px">第一个span元素第一个span元素</span>
<span style="background-color: bisque;width: 200px">第二个span元素</span>
<p style="background-color: aquamarine;width: 200px">第一个p元素</p>
<p style="background-color: brown;width: 200px">第二个p元素</p>
<a style="background-color: darkcyan;width: 200px" href="01-元素分类.html">第一个a元素</a>
<a style="background-color: darkslateblue;width: 200px" href="01-元素分类.html">第二个a元素</a>

</body>
</html>